﻿@model OITPMS_MVC4.Models.LoginModel
@{
    ViewBag.Title = "Login to OITPMS";
}
@using (Html.BeginForm())
{                                                                    
    <div style="padding: 0 0 0 250px;">
        @Html.ValidationSummary(true, "Login failed. Check your login details")
        <div class="login-box">
            <h2>
                SIGN IN OITPMS</h2>
            <div class="login-box-name" style="margin-top: 20px; height: 15px;">
                @Html.LabelFor(m => Model.UserName)</div>
            <div class="login-box-field" style="margin-top: 20px;">
                @Html.TextBoxFor(m => Model.UserName, null, new { @class = "form-login" })
                @Html.ValidationMessageFor(x => Model.UserName)
            </div>
            <div class="login-box-name" style="margin-top: 20px; height: 15px;">@Html.LabelFor(m => Model.Password)</div>
            <div class="login-box-field" style="margin-top: 20px;">
                @Html.PasswordFor(m => Model.Password, new { @class = "form-login" })
                @Html.ValidationMessageFor(x => Model.Password)
            </div>
            <br />
            <span class="login-box-options" style="display: inline-block">
                @Html.CheckBoxFor(m => Model.RememberMe, new { style = "vertical-align: middle" })
                @Html.LabelFor(m => Model.RememberMe, null, new { style = "font-size: 11px" })
                @Html.ActionLink("Forgot Password?", "ForgotPassword", "Home", null, new { style = "margin-left: 25px" })
            </span>
            <br />
            <br />
            <button name="button" value="ActionTwo" style="border-width: 0; margin-left: 90px;">
                <img src="../../Content/themes/css/login-btn.png" alt="Login"/></button>
        </div>
    </div>
}
